<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>角色添加</title>
</head>
<body>
	<!-- 面包屑导航 -->
	<ol class="breadcrumb tool_margin_bottom_0 tool_border_radius_0 tool_border_bottom_style">
	  <li>
	    <a href="/">首页</a>
	  </li>
	  <li class="active">角色添加</li>
	</ol>
	<div class="page_content container-fluid">
		<ul class="nav nav-tabs">
			<li role="presentation"><a id="btnRoleList" href="sys/roleList.html">角色列表</a></li>
			<li role="presentation" class="active"><a>角色添加</a></li>
		</ul>
		<form class="form-horizontal" id="menuInfoForm" action="javascript:alert('验证成功,可以提交.');" method="post">
		  	<div class="form-group">
		    	<label for="roleName" class="col-sm-2 control-label">角色名称：</label>
		    	<div class="col-sm-2 input-group-sm">
		      		<input type="text" class="form-control" id="roleName" name="roleName" placeholder="角色名称" />
		    	</div>
		  	</div>
			<div class="form-group">
		    	<label for="parentOffice" class="col-sm-2 control-label">归属机构：</label>
		    	<div class="col-sm-2">
			    	<div class="input-group input-group-sm">
			      		<input type="text" class="form-control" id="parentOffice" name="parentOffice" placeholder="归属机构" disabled>
		      			<span class="input-group-btn">
		      				<a class="btn btn-default" id="parentOfficeBtn" role="button"><i class="fa fa-search"></i></a>
		      			</span>
			    	</div>
		    	</div>
		  	</div>
		  	<div class="form-group">
		    	<label for="dataScope" class="col-sm-2 control-label">数据范围：</label>
		    	<div class="col-sm-2 input-group-sm">
		    		<select class="form-control" id="dataScope" >
		      			<option value="1">全部数据</option>
		      			<option value="2">所在公司及以下数据</option>
		      			<option value="3">所在公司数据</option>
		      			<option value="4">所在部门及以下数据</option>
		      			<option value="5">所在部门数据</option>
		      			<option value="6">仅本人数据</option>
		      			<option value="7">按明细设置</option>
		      		</select>
		    	</div>
		  	</div>
		  	<div class="form-group">
		    	<label for="dataScope" class="col-sm-2 control-label">角色授权：</label>
		    	<div class="col-sm-10">
		    		<div class="col-sm-5" id="menuRoleDiv">
		    		Left
		    		</div>
		    		<div class="col-sm-5" id="dataRoleDiv">
		    		Right
		    		</div>
		    	</div>
		</form>
	</div>
	<script type="text/javascript">
	seajs.use('sys/roleInfo.js', function(role) {
		role.init();
	});
	</script>
</body>
</html>